<!--
 * @description: 手机端打开界面提示
 * @fileName: toPc
 * @author: xsz
 * @date: 2023/2/14-17:07
 * @version: V1.0.0
-->
<template>
  <div class="to-pc">
    <div class="system-title">
      <svg-icon icon-class="logo" />
      {{ title }}
      <el-alert
        title="本系统不支持手机端直接访问，请使用电脑访问系统。"
        type="warning"
        center
        :closable="false"
        show-icon
      />
    </div>
  </div>
</template>

<script>
import { title } from '@/config'
export default {
  name: 'ToPc',
  data() {
    return {
      title
    }
  }
}
</script>

<style lang="scss" scoped>
.to-pc {
  display: flex;
  height: 80vh;
  width: 100%;
  text-align: center;
  align-items:center;
  justify-content: center;
  color: #0A4DF0;
}
.svg-icon {
  font-size: 1.23rem;
}

.el-alert {
  margin-top: 30px;
  padding: 30px 20px;
}
.system-title {
  font-size: 1.23rem;
  font-weight: 700;
}
</style>
